@import "partials/mixins";
#flowWeather {
    .icon {
        width: pxToRem(36px);
        height: pxToRem(36px);
        display: inline-block;
        margin-right: pxToRem(10px);
        &.icon1 {
            background-color: #54A5E6;
        }
        &.icon2 {
            background: url("~img/icon-flowNumberData.png") no-repeat center center;
            background-size: 100% 100%;
        }
        &.icon3 {
            background-color: #78B9F1;
        }
        &.icon4 {
            background-color: #6E7ED6;
        }
        &.icon-weather-snow {
            background: url("~img/icon-weather-3.png") no-repeat center center;
            background-size: 100% 100%;
        }
        &.icon-weather-cloud {
            background: url("~img/icon-weather-2.png") no-repeat center center;
            background-size: 100% 100%;
        }
        &.icon-weather-sun {
            background: url("~img/icon-weather-1.png") no-repeat center center;
            background-size: 100% 100%;
        }
    }
}